<page-header>

    <ng-template #qr>
        <qr *ngIf="signupLink$ | async as link" [backgroundAlpha]="1.0"
            [background]="'#fff'"
            [foregroundAlpha]="1.0"
            [foreground]="'#000'"
            [mime]="'image/png'"
            [padding]="20"
            [size]="280"
            [value]="link.data"></qr>
    </ng-template>
    <ng-template #phActionTpl>
        <nz-button-group>
            <button [nzPopoverContent]="qr"
                    nz-button
                    nz-popover
                    nzPopoverPlacement="bottom"
                    nzPopoverTitle="扫描二维码邀请人员"
                    nzType="primary"><i nz-icon nzType="plus"></i> 人员邀请
            </button>
            <button (click)="export()"
                    nz-button>
                <i nz-icon
                   nzType="download"></i>导出
            </button>
        </nz-button-group>
    </ng-template>
</page-header>
<nz-card [nzTitle]="phActionTpl">
    <ng-template #search>
        <sf #sf (formReset)="st.reset(req.params)" (formSubmit)="st.reset($event,{merge:true})"
            [button]="{submit:'搜索'}" [schema]="searchSchema"
            [ui]="ui"
            layout="inline"></sf>
    </ng-template>
    <st #st [columns]="columns" [data]="url" [header]="search" [req]="req" bordered></st>
</nz-card>
